<!DOCTYPE html>
<html>
	<meta charset="UTF-8">
	<head>
		<meta charset="utf-8" />
		<title>个人主页</title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="header-bar" id="header-bar" style="display: none;">
			<span> <a href="index.html">首页</a></span>
			<span><a href="photograph.html">个人风采</a></span>
			<span><a href="about.html">关于我</a></span>
		</div>
		<div class="home-page">
			<!-- 首页大字 -->
			<div class="introduce">
				<h1>This is Mr.gs</h1>
				<p>Welcome to visit my personal homepage!</p>
				<a type="button" id="top-btn" href="#go-index"> <i class="iconfont">&#xe66e;</i></a>
			</div>
			<div id="go-index" class="index-wrapper">
				<div class="head-line">
					<div class="img-wrapper">
						<img src="image/banner.jpg" alt="">
					</div>
					<p>
						The first time I traveled
					</p>
				</div>
				
				<div class="other-line">
					<div class="item">
						<div class="line-img">
							<img src="image/banner2.jpg" alt="">
						</div>
						<p class="line-date">4, 24, 2018</p>
						<h3 class="line-title">SED MAGNA IPSUM FAUCIBUS</h3>

						<span class="line-desc">
							Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus.
							Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.
						</span>
					</div>
					<div class="item">
						<div class="line-img">
							<img src="image/banner3.jpg" alt="">
						</div>
						<p class="line-date">4, 24, 2018</p>
						<h3 class="line-title">SED MAGNA IPSUM FAUCIBUS</h3>

						<span class="line-desc">
							Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus.
							Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.
						</span>
					</div>
				</div>
				<div class="more">
					<span> More </span>
				</div>
				<div class="img-gallery">

					<div class="item">
						<div class="line-img">
							<img src="image/banner4.jpg" alt="">
						</div>
					</div>
					<div class="item">
						<div class="line-img">
							<img src="image/banner5.jpg" alt="">
						</div>
					</div>
					<div class="item">
						<div class="line-img">
							<img src="image/banner6.jpg" alt="">
						</div>
					</div>
					<div class="item">
						<div class="line-img">
							<img src="image/banner7.jpg" alt="">
						</div>
					</div>

				</div>
			</div>
			<div class="index-footer">
				<div class="fast-item">
					<dl>
						<dt>
							我的主页
						</dt>
						<dd>
							<a id="pothographs" href="photograph.html">个人风采</a>
						</dd>
					</dl>
					<dl>
						<dt>
							关于我
						</dt>
						<dd>
							<a id="introduce" href="about.html">个人简介</a>
						</dd>
					</dl>
				</div>
				<div class="contact-text">
					<span>Contact Me</span>
				</div>
				<div class="mails">
					<p>1056040932@qq.com</p>
					<p>wo7023nia@gmail.com</p>
				</div>
				<div class="copyright">
					<span>Copyright &copy 2019, chmee.cn</span>
					<span>All Rights Reserved</span>
				</div>
			</div>
			<!-- 背景 -->
			<div class="bg fixed"></div>
			<!-- go-top -->

			<a id="go-top" type="button" href="#go-index" style="display: none;"><i class="iconfont">&#xe6b1;</i></a>
		</div>
	</body>
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</html>
